import { ref } from 'vue';

const option = ref({}) as any;

function initOptions() {
  return {
    color: ["#1890FF", "#91CB74", "#FAC858"], // 自定义颜色
    padding: [0, 0, 0, 0],
    dataLabel: true, // 是否显示数据标签
    extra: {
      ring: {
        labelWidth: 10, // 数据标签到外圆的连线长度
        border: true, // 是否绘制分割线
        borderWidth: 3, // 分割线宽度
        borderColor: "#FFFFFF" // 分割线颜色
      }
    }
  }
}

function initData(data: any = []) {
  return {
    series: [
      {
        name: "系列名称",
        data: data
      }
    ]
  }
}


function setOption(res: any = []) {
  res = res.map(_s => {
    _s.name = _s.key;
    return _s;
  })
  const opts: any = initOptions();
  const data: any = initData(res);

  option.value = { opts, data };
}

export default function useOption(): any[] {
  return [ option, setOption ];
}